<template>
    <div>
      <div class="head">
        <h2>&lt;护理管理</h2>
      </div>
  
      <div class="nav1">
        <el-text class="mx-1">护理等级变更</el-text>
        <el-text class="mx-1">护理记录</el-text>
        <el-text class="mx-1">血糖监测表</el-text>
        <el-text class="mx-1">提问趋势图</el-text>
      </div>
  
      <div class="bz">
        <span class="demonstration">日期</span>
        <el-date-picker
          v-model="value1"
          type="daterange"
          range-separator="至"
          start-placeholder="Start date"
          end-placeholder="End date"
          :size="size"
          
        />
        <span>医嘱</span>
        <el-select
          v-model="value"
          placeholder="全部"
          size="large"
          style="width: 240px"
        >
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          />
        </el-select>
  
        <div class="nnn">
          <el-button type="primary" round @click="search">查询</el-button>
          <el-button type="primary" round @click="dialogFormVisible = true"
            >新增</el-button
          >
        </div>
      </div>
  
      <div class="biao">
        <vxe-table
          border
          show-overflow
          ref="xTable"
          :column-config="{ resizable: true }"
          :loading="loading"
          :data="tableData"
          :edit-config="{ trigger: 'manual', mode: 'row' }"
        >
          <vxe-column type="seq" title="序号" width="60"></vxe-column>
  
          <vxe-column field="date12" title="入住号" :edit-render="{}">
            <template #edit="{ row }">
              <vxe-input
                v-model="row.date12"
                type="date"
                placeholder="请选择日期"
                transfer
              ></vxe-input>
            </template>
          </vxe-column>
  
          <vxe-column field="name" title="床位" :edit-render="{}">
            <template #edit="{ row }">
              <vxe-input v-model="row.name" type="text"></vxe-input>
            </template>
          </vxe-column>
  
          <vxe-column field="role" title="老人名字" :edit-render="{}">
            <template #edit="{ row }">
              <vxe-input
                v-model="row.role"
                type="text"
                placeholder="请输入昵称"
              ></vxe-input>
            </template>
          </vxe-column>
  
          <vxe-column field="role" title="遗嘱内容" :edit-render="{}">
            <template #edit="{ row }">
              <vxe-input
                v-model="row.role"
                type="text"
                placeholder="请输入昵称"
              ></vxe-input>
            </template>
          </vxe-column>
  
          <vxe-column field="role" title="医嘱" :edit-render="{}">
            <template #edit="{ row }">
              <vxe-input
                v-model="row.role"
                type="text"
                placeholder="请输入昵称"
              ></vxe-input>
            </template>
          </vxe-column>
  
          <vxe-column field="role" title="执行时间" :edit-render="{}">
            <template #edit="{ row }">
              <vxe-input
                v-model="row.role"
                type="text"
                placeholder="请输入昵称"
              ></vxe-input>
            </template>
          </vxe-column>
  
          <vxe-column field="role" title="备注" :edit-render="{}">
            <template #edit="{ row }">
              <vxe-input
                v-model="row.role"
                type="text"
                placeholder="请输入昵称"
              ></vxe-input>
            </template>
          </vxe-column>
  
          
        </vxe-table>
      </div>
    </div>
  </template>
  
  
  <script setup>
  </script>
  
  
  <style scoped>
  .head {
    width: 75%;
    height: 40px;
    margin: 0 auto;
  }
  .nav1 {
    width: 80%;
    height: 30px;
    margin: 20px auto;
    padding: 20px;
  }
  .mx-1 {
    font-size: 16px;
    margin: 100px;
  }
  
  .bz {
    width: 80%;
    margin: 0px auto;
    padding: 30px 0;
  
  }
  .biao {
    width: 80%;
    height: 800px;
    margin: 0 auto;
  }
  .nnn {
    float: right;
  }
  </style>